<script setup>
const props = defineProps({
  className: {
    type: String,
    default: '',
  },
})
</script>

<template>
  <div
    :class="[
      'flex h-10 w-10 items-center justify-center rounded-full bg-white/90 p-0.5 shadow-lg ring-1 shadow-zinc-800/5 ring-zinc-900/5 backdrop-blur-sm dark:bg-zinc-800/90 dark:ring-white/10',
      props.className,
    ]"
  >
    <slot />
  </div>
</template>
